/******************************************************************************/
/*                                                                            */
/*   EstiloNSP.css   ( Definición de estilos )                                */
/*                                                                            */
/*                                                                            */
/*   Proyecto: AGFeliz WEB                                                    */
/*             Página web.                                                    */
/*                                                                            */
/*   AGFeliz.com            - C. Ingeniero Canales, 24. 3ºI .03013 -ALICANTE. */
/*   Antonio GONZÁLEZ FELIZ - C. Jirafa, 39-37. - 03699 El Moralet -ALICANTE. */
/*                                                                            */
/******************************************************************************/

/*----------------------------------------------------------------------------*/

#iPAyu{font-size:0.3em;}
.clPie{width:100%;text-align:right;color:#333;display:inline;overflow:hidden;}
.clPiep{width:80%;text-align:center;color:#333;display:inline;overflow:hidden;
        position:absolute;left:5%;font-size:0.9em;}
#iPieb{position:absolute;bottom:1px;width:98%;color:red;
      border:2px solid navy;}
#iMar{position:absolute;top:0px;right:1px;width:100px;height:99%;
      border:2px solid green;}
#iLogo{margin-left:5%;margin-right:10%;width:40px;}
#iLogo0{width:30px;position:absolute;top:60px;right:15px;}
#iPFeo{width:100%;text-align:center;}
.clEtq{color:red;overflow:hidden;text-overflow:ellipsis;}
#iPCentro{overflow:auto;}
.clPar{background:#FFD;}
.clOculto{display:none;}
.clFD{position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;
       z-index:1000;padding:0px;color:navy;font-size:1.3em;
       background-color:rgba(150,150,150,0.7);overflow:auto;}
.clFDed{position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;
       z-index:2000; padding:0px; color:navy; font-size:1.3em;
       background-color:white;overflow:auto;}
.clCabC{top:0px;left:0px;width:95%;}
.clCab{top:0px; left:0px;width:80%;z-index:2;}
#iLCfgx1{width:95%;}
#iSelAjs,#iSelCfg{width:80%;font-size:0.8em;margin:10px 0px 10px 0px;}
#iMod{color:red;background-color:#ee0;font-size:.5em;margin:0px 10px;}
.clTit1{color:black;font:.8em sans-serif; margin:0px 10px;color:navy;}
.clTit0{color:black;font:1.1em sans-serif; margin:10px;color:green}
.clLg{font:0.5em times-new-roman;color:#B00;}
.clLg:before{content:"By AGFeliz.com";}
.clCabM{top:0px; left:0px;max-width:80%;z-index:2;border:1px solid green;}
.clTit1M,.clTit0M{display:inline;margin:0px;}

.clBTIni{position:fixed;left:50%;top:0px;z-index:3;font-weight:bold;
color:yellow;background-color:rgba(150,150,150,0.5);border:2px solid green;
border-radius:6px;padding:10px;cursor:pointer;}

.clTitL{text-align:canter;color:black;font:1.1em sans-serif;margin:5px 10px;}
.clMSJ{color:#AAA;font:.7em sans-serif;margin:0px 0px 0px -20px;
       position:absolute;top:5px;width:100%;text-align:right;}
/*#iBase0{position:absolute;left:0px;transition:left 1s;}*/
.clBase{width:100%;text-align:center;/*overflow:hidden;*/
        /*position:absolute;transition:left 1s;*/
        display:inline-block;overflow:auto;}
.clBase > table > td{vertical-align:top;}
.clPanH > table td, .clEdTx, .cCmp, .cBMDIN > table td{cursor:pointer;color:blue; 
                   box-shadow:5px 15px 10px #FFF inset, 0 0 5px #666;
                   background-color:#8F8;
                   border-radius:5px;
                   font:1em sans-serif;padding:5px;}
.clPanH > table td, .clIz{color:blue;text-align:center;}

#iFFH{background-color:rgba(150,150,150,1);}
#iPt{width:95%;font-size:1em;text-shadow:-1px -1px 0 black, 1px 1px 0px white;
     cursor:pointer;padding:10px;}
#iTedCOL, #iTedFH{width:95%;font-size:2em;color:yellow;cursor:ns-resize;
                  border-radius:5px;border-collapse:collapse;height:3em;}
#iTedFH td{box-shadow:inset 0px 0px 20px 5px rgba(0,0,0,0.2);padding-top:25px;
           padding-bottom:25px;}
#iTedFH td:nth-child(3n){width:1%;}
#iTedFH td:nth-child(3n-2){text-align:right;border-radius:5px 0px 0px 5px;}
#iTedFH td:nth-child(3n-1){text-align:left;border-radius:0px 5px 5px 0px;}

#iTedCOL td:nth-child(1){background:linear-gradient(to right,rgba(255,0,0,1), 
                                                             rgba(170,0,0,1));}
#iTedCOL td:nth-child(2){background:linear-gradient(to right,rgba(170,0,0,1), 
                                                             rgba(85,0,0,1));}
#iTedCOL td:nth-child(3){background:linear-gradient(to right,rgba(85,0,0,1), 
                                                             rgba(0,0,0,1));}
#iTedCOL td:nth-child(4){background:linear-gradient(to right,rgba(0,255,0,1), 
                                                             rgba(0,170,0,1));}
#iTedCOL td:nth-child(5){background:linear-gradient(to right,rgba(0,170,0,1), 
                                                             rgba(0,85,0,1));}
#iTedCOL td:nth-child(6){background:linear-gradient(to right,rgba(0,85,0,1), 
                                                             rgba(0,0,0,1));}
#iTedCOL td:nth-child(7){background:linear-gradient(to right,rgba(0,0,255,1), 
                                                             rgba(0,0,170,1));}
#iTedCOL td:nth-child(8){background:linear-gradient(to right,rgba(0,0,170,1), 
                                                             rgba(0,0,85,1));}
#iTedCOL td:nth-child(9){background:linear-gradient(to right,rgba(0,0,85,1), 
                                                             rgba(0,0,0,1));}

.clGrande{font-size:1.8em;}
.clMed{font-size:.7em;}
.clPeq{font-size:0.5em;}
.clEdTx:hover, .cCmp:hover, .clColDS:hover, .clOP:hover{
                   /*box-shadow:5px 15px 10px #FFF inset, 0 0 5px #666; 
                   background-color: #ccc; border-radius:5px;*/ }
#iSelF{width:100%;text-align:center;border-spacing:5px 10px;}
#iSelF td{color:blue; 
          /*box-shadow:5px 15px 10px #FFF inset, 0 0 5px #666;*/
          background:#dddddd;
          border-radius:5px;
          font:1em sans-serif;padding:5px;}
#iSelF tr:nth-of-type(1) td{cursor:pointer;color:blue;
                   box-shadow:5px 15px 10px #FFF inset, 0 0 5px #666;
                   border-radius:5px; font:1em sans-serif;padding:5px;}

.clED{cursor:pointer;color:blue;}
.clED:hover{cursor:pointer;color:navy;background:#FFFFBB;
            text-shadow:2px 2px 0 #bcbcbc, 1px 1px 0px blue;}
#iNop:disabled, .clED:disabled, .clED.clDesH{cursor:no-drop;}

.clTabSel{width:99%;text-align:center;top:0px;vertical-align:top;
          border-collapse:separate;border-spacing:5px 15px;}
.clTabSed{width:0%;text-align:center;height:2.5em;}
.clTabSes{width:100%;text-align:center;height:2.5em;}

.clPanC{width:96%;text-align:center;padding:2%; 
         border-radius:5px;overflow:auto;/*position:fixed;*/}
.clTabC{width:100%;font:1em sans-serif;color:navy;text-align:center;}
.clTabC td{box-shadow:5px 15px 10px #6F6 inset, 0 0 5px #595;
           background-color:#CFC;border-radius:5px;}
.clTC{width:100%;padding-top:10px;padding-bottom:10px;table-layout:fixed;}
.clTC td{overflow:hidden;}
.clTC td:nth-child(odd){text-align:right;font-size:.7em;padding:0px 10px;
                        box-shadow:5px 15px 10px #FFF inset, 0 0 5px #666;
                        border-radius:9px 0px 0px 9px;}
.clTC td:nth-child(even){text-align:left; font-size:1em;font-weight:bold;
                          box-shadow:5px 15px 10px #FFF inset, 0 0 5px #666;
                          border-radius:0px 9px 9px 0px;padding:5px; 
                          color:blue;cursor:pointer; 
                          border-right:solid 2px navy;}
#tAbo td:nth-child(odd){width:25%;}
#tAbo td:nth-of-type(4){width:20%;}
.clPanH td.clOclt{visibility:hidden;}
.clTC td.clOclt{visibility:hidden;}
.clTC tr.clOclt{display:none;}
.clTabC td.clOclt{visibility:hidden;}
.clOclt{visibility:hidden;}
.clTX{width:90%;background:transparent;border:none;font:1em sans-serif;
      color:blue;}
/*display:none;*/
/*box-shadow:none;color:white;border:none;*/
.clPanH{width:95%;text-align:center;background-color:#eee;border-radius:10px;
   background:#8F8;border:solid 1px white;
}
.clPanH > table{width:100%;border-collapse:separate;border-spacing:20px 15px;}
.clPanH > table th{font:16px sans-serif;}
/*#iTGEN td{vertical-align:top;}*/
/*#iDivLP{width:100%;background-color:#000;border-spacing:0px;}*/
/*#iLHini{text-align:center;background-color:#000;border-spacing:10px;}*/
/*.iL2Col{background-color:#eee;}*/
.iL2Col,.iL4Col{overflow:hidden;text-align:center;}
.iL2Col li{float:left;width:28%;list-style-type:none;
           background-color:#ccc;border-radius:5px;
           cursor:pointer;color:blue;font:1em sans-serif;margin:5px;
           box-shadow:5px 15px 10px #FFF inset, 0 0 5px #666;}
.iL4Col li{float:left;width:20%;list-style-type:none;
           background-color:#ccc;border-radius:5px;
           cursor:pointer;color:blue;font:1em sans-serif;margin:5px;
           box-shadow:5px 15px 10px #FFF inset, 0 0 5px #666;}
/*.iL2Col li:hover{ color:yellow; 
                  box-shadow:5px 15px 10px #333 inset, 0 0 5px #aaa; }*/
.clsSI{cursor:pointer;color:#00f;background-color: #ffc;}
.clsNO{cursor:pointer;color:#ccf;background-color: #eef;}
.clOP{cursor:pointer;padding:5px;}
.clMed{font-size:.8em;}
.clCkLista{list-style:none;}
.clCkLista input{display:none;}
.clCkLista li{width:90%;border-radius:6px;border:2px solid #777;cursor:pointer;}
.clCkS{background-color:yellow;color:navy;}
.clCkN{color:gray;}

#iGrCFG{text-overflow:ellipsis;overflow:hidden;}
.clBMenu{/*width:95%;*/top:0;position:absolute;text-align:right;
         pointer-events:none;}
.clMenu0 > ul{pointer-events:none;}
.clMenu0 > ul > li{pointer-events:all;}
.clMenu0{cursor:pointer;text-align:right;
         color:#336;font-size:1.2em;margin:10px 5px;}
.clMenu0 > ul > li{list-style:none;box-shadow:5px 2px 10px #AAA;
                   display:inline-block;line-height:1;margin:1px;
                   border-radius:10px;position:relative;
                   border: solid #0D0 2px;
                   background:#6F6;}
.clMenu0 > ul > li > a{padding:25px;}
.clMenu0 li ul{list-style:none;text-align:right;position:absolute;
               border-radius:10px;width:100%;padding-left:0px;
               box-shadow:5px 10px 20px #000; padding-right:10px;
               background-color: #EAFAFF;top:1;margin:0px -10px;
               max-height:0px;overflow:hidden;
               -webkit-transition:max-height 0.75s linear;
               -moz-transition:max-height 0.75s linear;
               transition:max-height 0.75s linear;}
.clMenu0 li:hover ul{max-height:800px;top:2em;/*overflow:auto;*/}
.clMenu0 li ul li a{padding:10px;display:block;}
.clMenu0 li ul li a:hover{color:yellow;}
.clMenu0 li ul li{background-color:#AFA;width:100%;}
.clMenu0 li ul li:hover{box-shadow:5px -5px 40px #AFA inset, 0 0 0 0;  
                        background-color:#363;}
.cBMDIN{position:absolute;left:-1000px;top:0;z-index:10;transition: all 0.2s;
        background-color:rgba(150,150,150,0.5);overflow:auto;}
.cBMDIN table{border-spacing:10px;}

.clDiv01{margin:0px;padding:0px;overflow:auto;cursor:crosshair;
/*-webkit-zoom-in -webkit-zoom-out -webkit-zoom-grab -webkit-zoom-grabbing*/
        /*display:none;*/background:transparent;}
/*#iSep{width:100%;background-image: linear-gradient(to top, white , #A0FFA0 );}*/
#Db00{width="100%";height="100%";padding:0px;margin:0px;/*linear-gradient(to left top, blue, red);*/}
/*#Db00:hover{transform:scale(2)rotate(0.1deg);}*/
#Cvs0{position:absolute;top:0px;left:0px;overflow:hidden;}
#iEscX,#iEscY,#iEscY2,#iCXY{position:fixed;z-index:2;pointer-events:none;}
#iEscX{bottom:0px;}
#iPZoom{position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;
       z-index:1000;padding:0px;color:navy;font-size:1.3em;overflow:auto;
       background-color:rgba(150,150,150,0.3);display:none;
}
#iTBBt{width:99%;height:99%;table-layout:fixed;pointer-events:none;
font-size:2em;}
:root{--gris:#E0E0E0;}
.clPieM{position:absolute;left:0px;bottom:0px;width:100%;color:gray;
        z-index:-1;text-align:right;font-size:1em;padding-top:10px;
        padding-bottom:0px;background-color:var(--gris);}
/*
   background-image:linear-gradient(to right,var(--gris),white,var(--gris),
                     white,var(--gris),white,var(--gris),white,var(--gris),
                     white,var(--gris),white,var(--gris));
*/
#iBtEd3{width:100%;border-spacing:10px 15px;}
.clBase_X{border:none;overflow:auto;}
#iDiv00{width:99%;overflow:auto;text-align:left;height:99%;}
.cCabG{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
   font:1em sans-serif;font-weight:bold;color:#668;background-color:#CCC;
   border:3px inset #EEF;text-shadow:3px 2px 2px #EEF;
   text-align:center;border-radius:5px;padding:0px 10px;}
.cUnid{font-weight:normal;}

.clAjt{width:100%;margin-top:20px;color:navy;table-layout:fixed;}
.clAjt tr:nth-of-type(1){font-weight:bold;}
.clAjt td{padding:10px;}
.clAjt tr:nth-child(odd){background:#F0F0F0;}
.clAjt tr:nth-child(even){background:#E0E0E0;}
.clAjt tr:hover{font-weight:bold;background:lime;}

.clCasLista{list-style-type:none;overflow:auto;}

table.clTR_C{overflow:auto;padding:2px;display:inline-block;
   color:navy;border-collapse:collapse;border:2px solid #777;overflow-x:hidden;
   -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
   table-layout:fixed;text-align:center;font:1em sans-serif;
}

.clTR_C thead{display:block;position:relative;background:white;}
.clTR_C thead td{color:navy;border:solid 1px white;background:gray;
                 border-radius:3px 3px 3px 3px;
                 text-shadow:-1px -1px 0 black, 1px 1px 0px white;
                 box-shadow:5px 15px 10px #FFF inset, 0 0 5px #666;}
.clTR_C tbody{display:block;/*overflow:auto;*/height:90%;}

table.clTR_C tr:nth-of-type(0){display:none;font-weight:bold;}
table.clTR_C tr:nth-of-type(1)td{
                            color:navy;font-weight:bold;background-color:#ddd;}
table.clTR_C td{padding:10px 0px;overflow:hidden;
                text-overflow:ellipsis;white-space:nowrap;
                padding-left:20px;padding-right:20px;}

.clTR_X{width:97%;height:97%;overflow:auto;padding:2px;display:inline-block;
   color:navy;border-collapse:collapse;border:2px solid #777; 
   -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
   table-layout:fixed;text-align:center;font:1em sans-serif;}
.clTR_X td{ 
   padding:10px 0px;overflow:hidden;min-width:0px;text-overflow:ellipsis;
   white-space:nowrap;color:blue;}
.clTR_X tr:nth-of-type(1) td{ 
   overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:navy;
   font-weight:bold;background-color:#ddd;border-style:solid;
   border-width:1px;
   border-color:#999;text-align:center;padding:10px 5px;}
.cLinSel{
   border-radius:4px;background-color:#eee;color:blue;        
   text-align:center;transition:all 0.5s;cursor:pointer;
}
.cCasSel{
   border-radius:4px;background-color:#ffa;color:red;
   text-align:center;transition:all 0.5s;cursor:pointer;
}
#iTCad{width:100%;}
#iTCad td:nth-of-type(1){text-align:right;}
#iTCad td:nth-of-type(2){text-align:left;}

.clPP{width:100%;margin-top:20px;}
.clPP td:nth-of-type(1){
   text-align:right;font-size:.7em;}
.clPP td:nth-of-type(2){
   text-align:center;font-size:1.1em;font-weight:bold;height:2em;color:blue;}
.clPP td:nth-of-type(3){
   text-align:left;font-size:.7em;}
.clPP td:nth-of-type(4){
   text-align:right;font-size:.7em;}
.clPP td:nth-of-type(5){
   text-align:center;font-size:1.1em;font-weight:bold;height:2em;color:blue;}
.clPP td:nth-of-type(6){
   text-align:left;font-size:.7em;}
.clPP td:nth-of-type(7){
   text-align:center;font-size:1.1em;font-weight:bold;height:2em;color:blue;}
/*
#iPP,#iPA,#iPL,#iPCE,#iPAl,#iPAbo{width:100%;margin-top:20px;}
#iPP tr:nth-of-type(1){font-size:1.1em;font-weight:bold; height:2em;}
#iPP tr:nth-of-type(3){color:blue;}
#iPAbo tr:nth-of-type(1){font-weight:bold;}
#iPL td:nth-of-type(1), #iPL td:nth-of-type(3),
#iPL td:nth-of-type(5), #iPL td:nth-of-type(7),
#iPA td:nth-of-type(1), #iPA td:nth-of-type(4),
#iPCE td:nth-of-type(1), #iPCE td:nth-of-type(3), #iPCE td:nth-of-type(5)
{text-align:right;font-size:.7em;}
#iPA td:nth-of-type(3), #iPA td:nth-of-type(6)
{text-align:left;font-size:.7em;}
#iPL td:nth-of-type(2), #iPL td:nth-of-type(4),
#iPL td:nth-of-type(6), #iPL td:nth-of-type(8),
#iPA td:nth-of-type(2), #iPA td:nth-of-type(5),
*/
#iPCE td:nth-of-type(2), #iPCE td:nth-of-type(4), #iPCE td:nth-of-type(6)
{font-weight:bold;color:blue;font-size:1.2em;background:white;
   -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}
.clLEs{width:100%;overflow:hidden;margin-top:0px;border-spacing:0px 10px;}
.clLEs td{text-overflow:hidden;}
.clLEs tr:nth-of-type(1){ font-size:1.1em; font-weight:bold; height:2em;}
/*.clLEs tr:nth-of-type(1) td:nth-of-type(2){ max-width:15px;}*/
.clLEs td:nth-of-type(1){max-width:50px;min-width:50px;}
.clLEs td:nth-of-type(2){max-width:50px;}
.clLEs td:nth-of-type(3){max-width:50px;}
.clLEs td:nth-of-type(4){max-width:50px;min-width:50px;}
#iPV{border:1px solid #ccc;margin:5px;
   -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
}
/*
input:invalid+span:after {
    content: 'Incorrecto';
    padding-left: 5px;
}
input:valid+span:after {
    content: 'Correcto';
    padding-left: 5px;
}
*/
/*.clCabOr td{padding:5px;}*/
@media screen and (orientation:portrait) 
{
.clCabOr{display:block;}
.clCabOr a{margin:.5em;}
.clCabOr{margin-top:10px;}
.clCabOr{margin-bottom:10px;}
}
@media screen and (orientation:landscape) 
{
.clCabOr{display:inline;}
.clCabOr a{margin:.1em;}
}

/* ---------------------   INTERRUPTOR   -------------------------------------*/
.switch{position:relative;display:inline-block;width:100px;height:50px;}
.switch input{display:none;}
input:checked + .slider a:before{
   text-shadow:2px 2px 0 #bcbcbc, 1px 1px 0px black;
   content:"NO·";color:red;}
.slider a:before{
   text-shadow:2px 2px 0 #bcbcbc, 1px 1px 0px black;
   color:green;content:"·SI";}
.slider a{text-shadow: 3px 3px 10px #55a;}
.slider.round{border-radius:20px;}
.slider.round:before{border-radius:50%;}
.slider span{font-size:0.8em;}
.slider{padding:10%;text-align:right;box-shadow:5px 5px 20px 1px #777;
   position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;
   background:#6F6;
   border:solid #0D0 2px;-webkit-transition:.8s;transition:.8s;}
.slider:before{box-shadow:2px 2px 20px -1px #FFF;position:absolute;content:"";
   height:86%;width:43%;left:5%;top:5%;border:solid #EEE 1px;
   background:radial-gradient(rgb(200,255,200),green);
   background-color:green;-webkit-transition:.8s;transition:.8s;}
input:checked + .slider{text-align:left;}
input:checked + .slider:before{-webkit-transform:translateX(100%);
   -ms-transform:translateX(100%);transform:translateX(100%);
   background:radial-gradient(rgb(255,200,200),red);}
/*----------------------------------------------------------------------------*/

body, .clPanC{overscroll-behavior:none;
   background:linear-gradient(335deg,rgba(0,170,0,1) 0%, 
                                     rgba(100,220,100,1) 15%,
                                     rgba(160,250,160,1) 50%,
                                     rgba(220,255,220,1) 100%) no-repeat;
}
.clBtn2{
   cursor:pointer;
   color:black;
   background: -webkit-linear-gradient(#eee, #333);
   text-decoration:underline;
   text-transform:uppercase;
   font-size:1em;
}
.clBtn{
/*
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   text-decoration:underline;
   text-transform:uppercase;
*/
   color:aqua;
   font:1em sans-serif;
   padding:20px;
   border-radius:6px;
   background-image:linear-gradient(to bottom,black,white);
   cursor:pointer;
   transition-duration: all 5s;/*z-index:9999;*/
   position:fixed;top:50%;width:50%;left:24%;
}
.clBtn:hover, .clBtn2:hover{color:blue;font-weight:bold;}
.clESAni{
   font:5em sans-serif;/*background:red;*/
   position:fixed;width:20%;left:40%;top:10%;
   -webkit-animation: Giro 1s linear infinite;
   -moz-animation: Giro 1s linear infinite;
   -ms-animation: Giro 1s linear infinite;
   -o-animation: Giro 1s linear infinite;
   animation: Giro 1s linear infinite;
}
@-webkit-keyframes Giro
{
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    color:black;
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    color:white;
  }
}